<template>
	<view>
		<nav-box title="预约任务"></nav-box>
		<navigator url="../appointmentList/appointmentList?type=1" hover-class="none">
			<view class="tab-box">
				<text>培训任务</text>
				<image src="../../static/images/forward.png" mode=""></image>
			</view>
		</navigator>
		<navigator url="../appointmentList/appointmentList?type=2" hover-class="none">
			<view class="tab-box">
				<text>测评任务</text>
				<image src="../../static/images/forward.png" mode=""></image>
			</view>
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
page {
	background-color: #FFFFFF;
	.tab-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 32upx;
		color: #4B4B4B;
		padding: 40upx 0;
		margin: 0 40upx;
		border-bottom: 2upx solid #F1F1F1;
		image {
			width: 40upx;
			height: 40upx;
		}
	}
}
</style>
